.app-advert {
    height: 100%;

    .title {
        width: 100%;
        height: 44px;
        line-height: 44px;
        text-align: center;
    }

    .main {
        background-image: url(../imgs/advertisement-bg.jpg);
        background-repeat: no-repeat;
        background-size: 1080px;
        background-position: center;
        position: relative;

        .time-box {
            position: absolute;
            display: flex;
            right: 14px;
            top: 28px;
            width: 105px;
            height: 40px;
            background-color: #fff;
            border-radius: 20px;
            align-items: center;

            span {
                height: 25px;
                line-height: 25px;
                text-align: center;
                a{
                    color: #000;
                }
            }
        }

        .time-box-timer {
            flex: 2;
        }

        .time-box-go {
            flex: 3;
        }

        .slogan{
            text-transform: uppercase;
            font-weight: bold;
            color: #fff;
            position: absolute;
            bottom: 120px;
            width: 100%;
            text-align: center;
        }
    }

}